@charset "utf-8";
/* CSS Document */


ul.ulp20 {padding-left:20px;}
ul.ulp25 {padding-left:25px;}

.responsive {
    max-width: 100%;
    height: auto;
}

.footer-font-white {
	color:white;
}

a.emphasis {
    color: rgb(226,160,71);
}
a.emphasis:visited {
   color: rgb(226,160,71);
}
a.emphasis:hover {
   color: rgb(154,77,85);
}



.foodpowdersbg {background: #d0f0d0;}

.capsulesbg {background: #fceed8;}

.liquidsandoilsbg {background: #9efefd;}

.kitsandmiscbg {background: #ecf2f2;}

.abstract {
background-image: url(../images/art.jpg);
}

/*Adding a Descendant Selector CSS Rule

The background image is assigned to the hmy-section DIV. We use a descendant selector to target the content-wrapper inside, assigning it a semi-transparent background-color, which allows the background image to peek through. We also assign a dashed border to separate the two columns.*/

.abstract .hmy-content-wrapper {
background-color: rgba(199,82,85,0.5);
border-left: 1px dashed #fff;
} 

.p7HMY .hmy-section a.imagelink {
	border-bottom: 0px;
}


.faq-heading {
 	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";margin:0;padding:0;
	color:green;	
}

.you-are-what-you-eat {
 font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";	
}

.nutrition-left {
	text-align:left;
	padding-left:4px;
}

.nutrition-right {
	text-align:right;
	padding-right:4px;
}

.product-heading {
 font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";margin:0;padding:0;	
}

.product-main {
	font-family:"Trebuchet MS";color:#454545;
	padding:5px 22px 5px 15px;
}

.product-sidebar {
	font-family:"Trebuchet MS";color:#454545;
	background-color:rgb(246,229,206);
	padding-top:15px;padding-left:22px;padding-bottom:15px;padding-right:10px;
}

.product-picture {
	padding: 0 15px 15px 0;
}

.product-supporting-picture {
	padding: 0 15px 15px 15px;
}

.product-info {
	font-size:18px;
	display:inline-block;
	background:#95ea95;
	margin:8px 0 4px 0;
	padding:6px 12px 4px 12px;
}

.list10 {
    margin-top: 10px;
}

.list10:first-child {
    margin-top:0;
}

.regular-line-height {
	line-height: 1.6;
}

.rishi-box {
	display: inline-block;
	/*grid-template-columns: 1fr 5fr; /* fraction*/
	padding:8px;
	background:linear-gradient(rgb(255,255,204),#F3E88C);
}

.oswald {font-family:Oswald;font-size:15px;}

.hideme {display:block;float:left;}

.blue-noise {
	background-image: url(../images/blue-noise.jpg);
	background-color: rgb(75,103,119);
} 

.hl-banner {
	background-image: url(../images/../images/background.png);
	height: 154px;
}

.gradient {
  background-image:
    radial-gradient(
      circle closest-side,
      yellow,
      #f06d06
    );
}

.myaccount {
	padding:4px;
}

.sidebar-ul1 {
	padding-left:16px;
}

.sidebar-ul2 {
	padding-left:21px;
	list-style-type: circle;
}

img {
	width:100%;
	height:auto;
	max-width:100%;
}

@font-face {

font-family: 'Oswald';

src: url('../fonts/Oswald-Bold.eot');

src: local('\263A'), url('../Oswald-Bold.eot') format('embedded-opentype'),

url('../fonts/Oswald-Bold.ttf') format('truetype'),

url('../fonts/Oswald-Bold.svg') format('svg');

font-weight: bold;

font-style: normal;

}

@font-face {

font-family: 'Lato';

src: url('../fonts/Lato-Bold.eot');

src: local('\263A'), url('../Lato-Bold.eot') format('embedded-opentype'),

url('../fonts/Lato-Bold.ttf') format('truetype'),

url('../fonts/Lato-Bold.svg') format('svg');

font-weight: bold;

font-style: normal;

}


@media only screen and (min-width: 0px) {
	.hideme {display:none;}
}

@media only screen and (min-width: 0px) and (max-width: 1295px) {
  .imgcoms {display:none;}
}

@media only screen and (min-width: 0px) and (max-width: 1200px) {
  .hlkellas {display:none;}
}

@media only screen and (min-width: 0px) and (max-width: 920px) {
.sidesection {order: 1;}
.mainsection {order: 2;}
.imgcomx {display:none;}
}

@media only screen and (min-width: 0px) and (max-width: 880px) {
  .hlkellas {display:none;}
}

@media only screen and (min-width: 0px) and (max-width: 780px) {
  .hlreason {display:none;}
  .hlsearchs {display:none;}
  .hlcas {display:none;}
}

@media only screen and (min-width: 0px) and (max-width: 768px) {
  .normalbanner {display:none;}
	.hideme {display:block;}
  .pagetopmost {padding-top:37px;}
}

@media only screen and (min-width: 0px) and (max-width: 600px) {
.abstract .hmy-content-wrapper {border-left: none; border-right:none;}
}


@media screen and (min-width: 480px) { 
.addsWg-widget-main-wrapper { 
/* position: relative; */ 
position: static !important; } 
}